@charset "utf-8";

/*全局控制*/
html,body{width:100%; height:100%}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:"微软雅黑",Arial;}
body{margin:0;padding:0;font-size:14px;line-height:22px;-webkit-text-size-adjust:none;overflow-x:hidden;
/*background-image:url(../images/bg.jpg); background-repeat:repeat-y; background-position:center; background-attachment:fixed;*/
 background:#f6f6f6;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p,legend,button,textarea{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}
img{border:0;}
ul,li{list-style-type:none;}
a{color:#2b2b2b;text-decoration:none;}
a:hover{text-decoration:none;color:#F30}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_15{height:15px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.dn{ display:none}
.div_w{ clear:both; width:100%; height:auto; overflow:hidden}
.div_m{ width:1200px; margin:0 auto; height:auto; display:table;}
.h10{ height:10px}.h20{ height:20px}.h30{ height:30px}.h40{ height:40px}.h54{ height:54px}.h105{ height:105px}
.p_5_0{ padding:5px 0},.p_10_0{ padding:10px 0},.p_10_10{ padding:10px 10px}
.bg_lightgray{ background:#d9d9d9}
.bg_darkgray{ background:#323232}
.bg_white{ background:#FFF}
.bg_skyblue{ background:#05a3e0}
.bg_red{ background:#991e11}
.bd_top_red{ border-top:2px solid #972121;}

.topTips{ float:left; width:50%; height:40px; line-height:40px; overflow:hidden; color:#CCC}
.language{width:auto; height:40px; line-height:40px; float:right; color:#CCC; font-size:0.8em}
.language a{ float:left; margin-left:10px; color:#CCC;}
.language a:hover,.language a.on{color:#FC0;}
.language img{float:left; transform:scale(1.0,1.0); transition:all 0.35s; height:14px; margin-top:13px}
.language a:hover img{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.language span{ float:left; margin-left:8px; line-height:40px;}
.search{width:175px; height:24px; line-height:24px; background: #fff; float:right; color:#CCC; font-size:0.8em; margin-top: 9px; margin-right: 15px;background:url(../images/search_bg.gif) no-repeat}
.search .key{width:140px;height:22px;line-height:22px;margin:1px 0 1px 5px;border:0;float:left;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:30px;height:24px;background:url(../images/search_bg.gif) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

.bgbodyindex{width:100%; height:100%;}
/*header*/
.header{ padding: 10px 0 10px 0}
.header h1{float:left;}
.header h1 img{ transform:scale(1.0,1.0); transition:all 0.35s;}
.header h1:hover img{ transform:scale(1.05,1.05); transition:all 0.35s; -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.header .toptel{ float:right; color:#333; font-size:1.1em; font-weight:400; line-height:30px; background: url(../images/bg-tel.png) no-repeat center left; padding-left: 60px}
.header .toptel b{line-height:30px; color: #991e11; font-size:1.3em}

/*nav*/
.nav{ float:right; height:40px; line-height:40px}
.nav li{float:left;text-align:center; padding:0 1px}
.nav li a{display:block;width:100%;height:40px; overflow:hidden;text-align:center;font-size:1.1em;font-weight:400;color:#333; line-height: 40px}
.nav li a:hover, .nav li a:hover.on{text-decoration:none; color:#900 !important; background: #fff;background: -moz-linear-gradient(top,  #fff 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #fff 0%,#fff 100%);background: -o-linear-gradient(top,  #fff 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#fff 100%);background: linear-gradient(top,  #fff 0%,#fff 100%)}
.nav li a.on{background:none; color:#900}
.nav li a.on2{background:none;text-decoration:none;  color:#900}
.nav li:hover.on{background:none;text-decoration:none; color:#900}
.nav li a .list-pic{ float: left; width: 28px; height: 24px; overflow: hidden; margin: 24px auto 0 27px; display:none}
.nav li a.on .list-pic,.nav li a.on2 .list-pic{ background-position: 0 -24px !important;}
.nav li a:hover .list-pic{ background-position: 0 -24px !important;}
.nav li a .list-name{ float: left; width: 100%;}
.nav li ul{display:none; position:fixed;z-index:9999; border-bottom:1px solid #24acba; }
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline; padding:0}
.nav li ul li .s{position:absolute;top:0px;left:141px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:121px;height:36px; line-height: 36px; border-top:1px solid none;padding:0 10px;background:#fff;text-align:left;
	font-weight:normal;font-size:0.9em;color:#333; text-align:center; overflow:hidden; border-right:0px}
.nav li ul li a:hover{color:#900; background:#fff; border-right:0px}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat right center #fff;}

.tp-banner-container{ position:absolute; width:100%; height:400px; overflow:hidden; left:0; top:150px; z-index:1;}

/*首页*/
.midnav{ margin:40px auto; width:1200px; height:auto; overflow:hidden; text-align:center}
.midnav a{ margin:0 80px}

.titbox{ float:left; width:100%; height:auto; overflow:hidden; color: #333; text-align:center}
.titbox h3{ margin: 0 auto; width:260px; height:auto; line-height:44px; font-weight:800; font-size:1.5em; color:#333; overflow:hidden; background: url(../images/bg-title.png) no-repeat center 20px}
.titbox h3 b{ float: left; width:100%;  font-weight:500; font-size:1.2em; color:red; }
.titbox a.morelink{ float:right; height:40px; line-height:38px; font-weight:200; font-size:0.9em; color:#3087f2; color:#666}
.titbox a.morelink:hover{color:red}

.partners .titbox h3{width:100%; color:white; text-align: center}

.titbox3{ float:left; width:100%; height:44px; overflow:hidden; background:url(../images/ititbg3.jpg) no-repeat left bottom}
.titbox3 h3{ float:left; height:44px; line-height:44px; font-weight:bold; font-size:1.3em; color:#C00; width:166px; text-align:center; overflow:hidden}
.titbox3 a.morelink{ float:right; height:40px; line-height:38px; font-weight:200; font-size:0.9em; color:#3087f2; color:#666}
.titbox3 a.morelink:hover{color:red}

.indexProList{ float:left; width:1240px; height:auto; margin-left:-20px}
.indexProList li{ float:left; width:260px; height:320px; overflow:hidden; text-align:center; border:1px solid #dcdcdc; margin:15px 24px}
.indexProList li img{float:left; width:260px; height:260px}
.indexProList li p{float:left; width:260px; height:59px; line-height:59px; border-top:1px solid #dcdcdc; text-align:center; background:url(../images/bg-tit-top.png) repeat-x }

.datenewslist{ float:left; width:1220px; height:auto; margin-left:-10.5px;}
.datenewslist ul{}
.datenewslist li{ float:left; width:285px; height:auto; line-height:30px; overflow:hidden; text-align:left; background: #fff; margin:5px 10px;}
.datenewslist li dt{ width:285px; height:160px;}
.datenewslist li dd{ padding:6px 10px; background:#5f5f5f; color:white; line-height: 24px; height: 80px; font-weight: 200px; font-size: 0.8em}
.datenewslist li h4{ float:left; width:265px; height:auto; padding:5px 10px; clear:both; line-height: 25px; font-weight: 400; font-size: 1.1em}
.datenewslist li a{ color:white;}
.datenewslist li a:hover h4{ color:red;}
.datenewslist li a:hover dd{ color:#ccc;}

.indexabout{ background: #18130D url(../images/bg-about.jpg) repeat-y center top; }
.indexabout-left{ float: left; width:400px; height: auto; overflow: hidden;}
.indexabout-left img{  border: 2px solid #fff; margin:30px auto;}
.indexabout-right{ float: right; width:780px; height: auto; overflow: hidden; text-align: center; color:#fff; padding-top: 30px}
.indexabout-right h3.tit{float: left; width:100%;  font-weight: 500; color:#fff; line-height: 50px;height: 50px; text-align: left; font-size: 1.4em}
.indexabout-con{ line-height: 200%; width:100%; height: 160px; overflow: hidden; color:#fff; text-align: left; font-weight: 300}
.indexabout-right a.moreurl{display: block; margin: 0 auto; width:130px; height: 35px; line-height: 35px; border:1px solid #dcdcdc; border-radius: 5px;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#fff;}

.titimg{ float:left;width:500px; height:260px; overflow:hidden}
.titimg img{ float:left;width:500px; height:260px;}


.OneOfOneTab{ margin:20px auto; width:1050px; height:auto; overflow:hidden; text-align:center}
.OneOfOneTab a{ float:left; margin: 5px 0; margin-left:1.3%; width:247px; height:51px; color:#333; text-indent: 40px;
 text-align:center; color:white; line-height: 51px; font-size:16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 0}
.OneOfOneTab .on{background: url(../images/bg-t2.jpg) no-repeat center center; border: 0}
.OneOfOneTab .off{background: url(../images/bg-t1.jpg) no-repeat center center; color:#333}
.OneOfOneTab a:hover{background: url(../images/bg-t2.jpg) no-repeat center center; color:white;}


section{ width: 100%; height: auto; margin: 0 auto; overflow: hidden}

.partnerslist{width:100%;}
.partnerslist a{ float:left; width:20%; height: 160px; overflow: hidden; text-align: center; margin:10px 0;}
.partnerslist a img{ width:160px; height: 160px; }

/*promenu*/
.promenu{ float:left; width:100%; height:auto; overflow:hidden; background:#F6F5EA; padding-bottom:10px}
.promenutit{ float:left; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:16px; font-weight:bold; background:#4d4d4d; margin-bottom:5px; color:white}
.promenuli{ float:left; width:100%; padding:0 10px; clear:both; border-bottom:1px dotted #999; background:url(../images/subnav_ico.gif) no-repeat 8px center; text-indent:10px}
.promenuli a{ float:left; width:100%; height:30px; line-height:30px; text-align:left; overflow:hidden; font-size:14px}

.index_right{ float:right; width:730px; height:auto; overflow:hidden;}
.index_right .proad a{ margin:0; padding:0}
.index_right .proad img{ margin:0 0 0 5px;}

.index_photo{width:1000px; height:295px; overflow:hidden; padding:10px 10px 10px 10px; background:#FFF;}
.index_photo h3{ float:left; width:100%; height:45px; line-height:45px; text-align:center; background:#4d4d4d; font-size:18px; color:#fff}
.index_photo h3 .morelink{ float:right; margin-right:10px; font-size:14px; font-weight:200; color:#fff}
#proslide{overflow:hidden;width:1000px; height:225px; padding-top:15px}
#proslide ul{list-style:none;}
#proslide li{float:left; margin-right:1px}
.index_photo .photobox li{ margin-right:15px; text-align:center}
.index_photo .photobox li a{width:200px; line-height:20px; text-align:center}
.proslideul1{width:5999px;}

.content-list{ width: 100%; height: 266px; background-color: #f3f3f3; overflow: hidden;}
.Clist-detail{ width: 980px; height: auto; overflow: hidden; margin: 0 auto;}
.Clist{ float: left; width: 152px; height: 157px; overflow: hidden; margin-left: 124px; margin-top: 53px;}
.ClistNoleft{ margin-left: 0;}
.list_talk{ background-color: #ff8548;}
.list_wechat{ background-color: #d4bf30;}
.list_wisdom{ background-color: #4d4d4d;}
.list_service{ background-color: #30d4b3;}
span.list_icon{ float: left; width: 75px; height: 75px; margin-left: 38.5px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: 1s transform ease-in-out; -webkit-transition: 1s transform ease-in-out; -moz-transtion:1s transform ease-in-out;}
span.list_icon:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
span.Clist-name{ float: left; width: 100%; text-align: center; font-size: 16px; color: #3a3a3a; line-height: 30px; padding-top: 6px;}
span.ClistCon{ float: left; width: 100%; font-size: 12px; color: #a5a5a5; line-height: 20px;}
.more{ color: #4d4d4d; padding-left: 5px;}

.content-content{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; background:url(../images/bg_center1.png) no-repeat left top; padding:10px 0}
.con-con{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 10px; background:url(../images/tit_1.png) no-repeat left 30px;}
.con-con2{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 10px; background:url(../images/tit_2.png) no-repeat left 30px;}

.protop{ float:left; margin-left:350px; width:460px; height:250px; overflow:hidden}
.prolist{ float:left; width:100%; height:auto; overflow:hidden}
.prolist li{ float:left; width:333px; height:auto; overflow:hidden; margin-bottom:15px}
.prolist img{ float:left; transform:scale(1.0,1.0); transition:all 0.35s; height:240px; width:240px; padding:10px; margin-left:20px}
.prolist img:hover{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}

.iconbox{ float:right; width:107px; height:129px; overflow:hidden; background:url(../images/bg_icon.png) no-repeat left top; color:#060; text-align:center; padding-top:25px; line-height:23px}
#icon1{ margin-top:23px; margin-right:0px}

.protop img{ float:left; transform:scale(1.0,1.0); transition:all 0.35s; height:240px; width:240px; padding:10px}
.protop img:hover{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.pronote{ float:left; width:190px; height:auto; overflow:hidden; padding-top:50px; padding-left:10px}
.pronote h3{ float:left; width:100%; height:auto; line-height:28px; font-size:18px;}
.pronote h3 a{color:#006600}
.pronote h3 a:hover{color:#F30}
.pronote .pricebox{ float:left; width:100%; height:92px; overflow:hidden; background:url(../images/bg_price.png) no-repeat left top; margin-top:20px}
.pronote .pricebox h4{ float:left; width:100%; height:auto; line-height:28px; color:red; padding-left:50px; font-size:14px}
.pronote .pricebox h4 b{ font-size:28px; line-height:28px}
.pronote .pricebox em{ float:left; width:100%; color:white; font-style:normal; padding-left:14px}

.protjlist li{ float:left; width:490px}
.noteleft{padding-left:10px}
.noteright{padding-right:10px}
.protjlist img{ transform:scale(1.0,1.0); transition:all 0.35s; height:240px; width:240px; padding:10px}
.protjlist img:hover{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.noteleft .pronote{ float:left; padding-top:20px}
.noteright .pronote{ float:right; padding-top:90px}
.noteright .pronote .pricebox{ float:left; width:100%; height:92px; overflow:hidden; background:url(../images/bg_price3.png) no-repeat right top; margin-top:20px}
.noteright .pronote .pricebox em{ float:right; width:auto; color:white; font-style:normal; padding-right:14px; text-align:right}
.noteright .pronote .pricebox h4{ padding-left:0px;}

.prolist .pronote{width:100%; padding-top:10px; padding-left:0px}
.prolist .pronote .pricebox{ float:left; width:100%; height:83px; overflow:hidden; background:url(../images/bg_price2.png) no-repeat left top; margin-top:0px}
.prolist .pronote .pricebox em{float:left; width:auto; color:white; font-style:normal; padding-left:12px; margin-top:23px}
.prolist .pronote .pricebox h3{ float:left; width:auto; height:auto; line-height:35px; color:red; padding-left:20px; font-size:16px}
.prolist .pronote .pricebox h4{ float:left; width:auto; height:auto; line-height:24px; color:red; padding-left:20px; font-size:14px}
.prolist .pronote .pricebox h4 b{ font-size:24px; line-height:24px}


.company{ width: 1000px; height: auto; overflow: hidden; margin: 0 auto; padding-top:10px; background:url(../images/bg_right.png) no-repeat right center}
.company-left{ float: left; width: 284px; height: auto; overflow: hidden;}
.company-title{ float: left; width: 100%; height: 50px; background:url(../images/tit_3.jpg) no-repeat 0 0}
.company-name{ float: left; width: 100%; height: 32px; border-bottom: 1px solid #4d4d4d; font-size: 18px; line-height: 32px; color: #4d4d4d; text-indent: 26px; background-image: url(../images/title_home.png); background-repeat: no-repeat;}
.company-name a{ color: #4e4e4e; padding: 0 2px;}
.company-name span{ font-size: 14px; color: #b4b4b4;}
.company-more{ float: right; height: 32px; line-height:32px;}
.company-more a{ float: right; text-align: right; font-size: 14px; color: #b4b4b4; line-height: 32px;}
.company-more a:hover{ color: #4d4d4d;}
.zizhi_txt{ width: 262px; height: 360px; overflow: hidden; padding:10px; border:1px solid #034627; border-top:0px}
.zizhi_txt ul { margin: 0 auto; width: 100%; height: auto; float: left; text-align: center; margin-bottom:15px;}
.zizhi_txt ul li  { width: 100%; height: auto }
.zizhi_txt ul li img{width: 100%; }
.zizhi_txt ul p{line-height: 28px; font-size: 14px;}

#demo{width: 100%; float: left; overflow: hidden; height: 260px; border: none;}
#indemo{float: left; height: 800%;}
#demo1,#demo2{height:auto;float:left;}

.lefttj{ float:left; width: 210px; height: auto; overflow: hidden; padding-bottom:10px}
.lefttj ul { margin: 0 auto; width: 100%; height: auto; float: left; text-align: center; margin-bottom:0px;}
.lefttj ul li  { width: 100%; height: auto; padding: 10px 0}
.lefttj ul.tp1 li  { text-align: left; border-bottom: 1px dotted #dcdcdc}
.lefttj ul li img{width: 100%; }
.lefttj ul p{width: 210px;line-height: 22px; font-size: 14px;}
.lefttj #demo{height: 360px; border: none;}

.newsbox .newsboxtit a.li_on1{color:#FFF; background:url(../images/bg_tit_hover.gif) no-repeat left -1px}
.newsbox .newsboxtit a.li_on{color:#8a8a8a; background:url(../images/bg_tit_out.gif) no-repeat left -1px}

.company-right{ float: right; width: 680px; height: auto; overflow: hidden; }
.company-right .titbox{ float:left; width:190px; height:114px; overflow:hidden; background:url(../images/tit_4.png) no-repeat left top}
.company-right .titbox2{ float:left; width:190px; height:114px; overflow:hidden; background:url(../images/tit_5.png) no-repeat left top}
.company-right .newslist{ float:left; width:350px; height:auto; overflow:hidden;}
.company-right .newslist li{ float:left; width:100%; height:30px; line-height:30px; overflow:hidden;color:#366554}
.company-right .newslist li.greena{color:#3b940d;}
.company-right .newslist li span{ float:right}
.company-right .newslist li a{color:#366554; font-size:1.1em}
.company-right .newslist li.greena a{color:#3b940d; font-size:1.1em}
.company-right .newslist li a:hover{color:#F30}
.company-right .newslist li.more a{color:#900; font-size:1.1em}
.linegreen{ float:left; width:100%; height:1px; border-bottom:1px dotted #060; clear:both; margin-top:20px; margin-bottom:20px}


.centermore{ float:left; width:100%; height:40px; overflow:hidden; text-align:center; clear:both; margin:0; padding:0; padding-top:8px;}
.centermore a{ margin:0 auto; width:auto; height:20px; line-height:20px; overflow:hidden; padding:10px 20px; border:1px solid #98dfe2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:0.8em}
.centermore a:hover{color:red}


/*图片滚动*/
.scrollimg{width:1200px;height:310px;position:relative;margin:0 auto ;}
.scrollimg div.imgwrap{width:1120px;height:310px;margin:0 40px 0 40px;position:absolute;top:0;overflow:hidden;}
.scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0}
.scrollimg ul li{float:left;height:310px;width:244px;overflow:hidden; padding:0 18px;}
.scrollimg ul li dl{float:left;height:280px;width:244px;overflow:hidden; padding:20px 0}
.scrollimg ul li dl dt{clear:both;float:left;height:240px;width:240px;overflow:hidden;margin-right:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:2px solid #f3f3f3}
.scrollimg ul li dl dt{background-size: 100% auto; background-repeat: no-repeat; background-position:center center }
.scrollimg ul li dl dt:hover{ /*background-size: 150% auto*/}
.scrollimg ul li dl{ transform:scale(1.0,1.0); transition:all 0.35s;}
.scrollimg ul li dl:hover{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.scrollimg ul li dl dd{ float:left;color:#aaa; width:100%}
.scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px; width:100%;height:20px; line-height:20px; margin:2px 0;overflow:hidden; text-align:center}
.scrollimg a.arrow{display:block;height:60px;width:30px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:110px;cursor:pointer;text-indent:-99999px;}
.scrollimg a.back{background-position:0 -180px;left:0;}
.scrollimg a.back:hover{background-position:0 -120px;}
.scrollimg a.forward{background-position:0 -60px;right:0;}
.scrollimg a.forward:hover{background-position:0 0px;}

.scrollimg2{width:1200px;height:620px;position:relative;margin:0 auto ;}
.scrollimg2 div.imgwrap2{width:1120px;height:620px;margin:0 40px 0 40px;position:absolute;top:0;overflow:hidden;}
.scrollimg2 div.imgwrap2 ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0}
.scrollimg2 ul li{float:left;height:310px;width:244px;overflow:hidden; padding:0 18px;}
.scrollimg2 ul li dl{float:left;height:280px;width:244px;overflow:hidden; padding:20px 0}
.scrollimg2 ul li dl dt{clear:both;float:left;height:240px;width:240px;overflow:hidden;margin-right:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:2px solid #f3f3f3}
.scrollimg2 ul li dl dt{background-size: 100% auto; background-repeat: no-repeat; background-position:center center }
.scrollimg2 ul li dl dt:hover{ /*background-size: 150% auto*/}
.scrollimg2 ul li dl{ transform:scale(1.0,1.0); transition:all 0.35s;}
.scrollimg2 ul li dl:hover{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.scrollimg2 ul li dl dd{ float:left;color:#aaa; width:100%}
.scrollimg2 ul li dl dd a{color:#3372A2;display:block;font-size:14px; width:100%;height:20px; line-height:20px; margin:2px 0;overflow:hidden; text-align:center}
.scrollimg2 a.arrow{display:block;height:60px;width:30px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:110px;cursor:pointer;text-indent:-99999px;}
.scrollimg2 a.back{background-position:0 -180px;left:0;}
.scrollimg2 a.back:hover{background-position:0 -120px;}
.scrollimg2 a.forward{background-position:0 -60px;right:0;}
.scrollimg2 a.forward:hover{background-position:0 0px;}

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } 

/*Banner*/
.bannerN{width:100%; height:auto; margin:0 auto;}

/*幻灯Banner*/
.scrollbox{position:relative;float:left;/*width:990px;height:400px; overflow:hidden;*/background:url(../images/loading.gif) no-repeat center; margin-bottom:10px}
.scrollbox ul{position:absolute;}
.scrollbox li{float:left; /*width:990px; height:400px; overflow:hidden;*/ }
.scrollbox .o-control{display:none;position:absolute;top:0px;width:50px;height:0px;background:#000;filter:alpha(opacity=30);opacity:0.3;cursor:pointer;}
.scrollbox .control{position:relative;top:13px;left:8px;display:inline-block;width:30px;height:55px;background:url(../images/bg_index.png);filter:alpha(opacity=60);opacity:0.6;}
.scrollbox #goback{left:0px;}
#goback .control{background-position:0px -35px;}
.scrollbox #forward{right:0px;}
#forward .control{left:10px;background-position:-35px -35px;}
.scrollbox div{position:absolute; float:left; bottom:15px; height:14px; overflow:hidden; zoom:1;}
.scrollbox span{width:14px; height:14px; font-size:0;margin:0 5px; background:#999;float:left;text-align:center;line-height:14px;cursor:pointer;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.scrollbox span a{color:#fff;text-decoration:none;}
.scrollbox span.curr,.scrollbox span.hover{background:#FFF;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.scrollbox .curr a:link, .scrollbox .curr a:visited{color:#fff;}

/* flash */
.slider-container { position: relative; overflow: hidden; width: 100%; margin: 0 auto; background-color: #444; -webkit-user-select: none; -moz-user-select: none;     -ms-user-select: none;         user-select: none;}
.slider { position: relative; width: 9999px;}
.slider:before,.slider:after { display: table; content: ' ';}
.slider:after { clear: both;}
.slider__item { position: relative; float: left; margin: 0; padding: 0; height: 100%;}
.slider__item img { display: block; width: 1200px; height: auto;}
.slider__switch span { color: #fff; display: block; width: 32px; height: 32px;}
/* Arrows */
.slider__switch { position: absolute; top: 50%; margin-top: -20px; padding: 10px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;      -o-user-select: none;         user-select: none; border-radius: 1px; background: #000; opacity: .3; transition: opacity .15s ease; fill: #fff;}
.slider__switch--prev { left: 10px;}
.slider__switch--next { right: 10px;}
.slider__switch:hover { opacity: .85;}
.slider__switch[disabled] { visibility: hidden; opacity: 0;}
.slider__caption { position: absolute; bottom: 30px; left: 30px; display: block; max-width: 500px; padding: 10px; color: #fff; 
background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,.4); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); display: none}
.slider__caption[disabled] { opacity: 0; visibility: hidden;}
.slider-nav { line-height: 30px; position: absolute; bottom: 0; left: 0;
 width: 100%; height: 30px; margin: 0; padding: 0; text-align: center; z-index: 99999; filter: alpha(opacity=90); /* ie8 */}
.slider-nav__control { display: inline-block; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease;    -moz-transition: background .5s ease;      -o-transition: background .5s ease;         transition: background .5s ease; border: 2px solid #fff; border-radius: 50%; background: transparent;}
.slider-nav__control.is-active { width: 12px; height: 12px; background: #fff;}
.slider.has-touch { cursor: move; cursor: -webkit-grabbing; cursor:    -moz-grabbing;}
@media (max-width: 580px) { .slider__switch {   display: none; } .slider__caption {   display: none; }}
.container{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 20px; font-size: 14px;}
.preview { text-align: center;padding: 5px;}
.preview a { display: inline-block;margin: 5px;}
.preview img { display: block;width: 200px;height: auto;}
.active {outline: 2px solid #196cd2;box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);}

/*子页样式*/
.neitongad{width:1200px; height:auto; margin:0 auto; background:#FFF; padding:18px 10px 0 10px; margin-top:151px}
.neitongad p,.neitongad img{width:1200px; }
.subBanner, .subBody{width:1200px;margin:0 auto; background:#FFF; clear:both; padding:10px}
.subBody{ padding-bottom:20px}
.subBody .OneOfOne{width:1200px;float:left;}
.subBody .OneOfTwo{width:950px;float:right;}
.subBody .TwoOfTwo{width:230px;float:left;}
.subBody .OneOfTwos{width:230px;float:left;}
.subBody .TwoOfTwos{width:950px;float:right;}
.subBody .search_l{margin-bottom:25px;}
.subBody .subnav{margin-bottom:25px;}
.subBody .subnav li{margin-bottom:2px;}
.subBody .subnav li a{display:block;height:24px;line-height:24px;padding-left:20px;background:url(../images/subnav_ico.gif) no-repeat 5px center;}
.subBody .subnav li a:hover{color:#fff;text-decoration:none;background:url(../images/subnav_ico_on.gif) no-repeat 5px center #ccc;}
.subBody .subnav li a.on, .subBody .subnav li a:hover.on{color:#fff;background:#999;}
.subBody .subTitle{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:16px;font-weight:bold;float:left;color:#333; text-indent:0px; padding-top:5px}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}
.subCont{line-height:220%;color:#666;min-height:450px; padding:5px 0}

.subCont #textarea img{max-width:950px;width:expression(this.width>950&&this.width>this.height?950:auto); vertical-align:middle;}
*html .subCont #textarea img{width:expression(this.width>950&&this.width>this.height?950:auto);}

.listConts #textarea img{max-width:950px;width:expression(this.width>950&&this.width>this.height?950:auto); vertical-align:middle;}
*html .listConts #textarea img{width:expression(this.width>950&&this.width>this.height?950:auto);}

.OneOfOneMid{width:1200px; height: auto; margin: 0 auto; text-align: center}
.OneOfOneMid img{max-width:1200px;width:expression(this.width>1200&&this.width>this.height?1200:auto); margin: 0 auto}
*html .OneOfOneMid img{width:expression(this.width>1200&&this.width>this.height?1200:auto);}

/*左侧收缩菜单*/
.h100{ margin-bottom:100px}
.accordion,.accordion ul,.accordion li,.accordion a,.accordion span {margin: 0;padding: 0;border: none;outline: none}
.accordion li {list-style: none;width:100%}

/* Layout & Style */
.accordion li > a {display: block;position: relative;min-width: 110px;padding: 0 10px 0 20px;height: 38px; line-height:38px; font-size:16px;color: #fdfdfd;text-decoration: none;text-shadow: 0px 1px 0px rgba(0,0,0,.35);background: #8f1e11;background: -moz-linear-gradient(top,  #8f1e11 0%, #71140a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f1e11), color-stop(100%,#71140a));background: -webkit-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: -o-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: -ms-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: linear-gradient(top,  #8f1e11 0%,#71140a 100%);-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);}
.accordion > li:hover > a,.accordion > li:target > a,.accordion > li > a.active {color: #FFF;text-shadow: 1px 1px 1px rgba(255,255,255,.2);/*background: url(../img/active.png) repeat-x;*/
	background: #8f1e11;background: -moz-linear-gradient(top,  #8f1e11 0%, #71140a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f1e11), color-stop(100%,#71140a));background: -webkit-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: -o-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: -ms-linear-gradient(top,  #8f1e11 0%,#71140a 100%);background: linear-gradient(top,  #8f1e11 0%,#71140a 100%)}
/*按钮*/
.accordion li > a span {display: block;position: absolute;top: 10px;right: 0;padding: 0 5px;margin-right: 10px;font: normal bold 12px/18px Arial, sans-serif;background: #444444;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.2), 1px 1px 1px rgba(255,255,255,.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.2), 1px 1px 1px rgba(255,255,255,.1);box-shadow: inset 1px 1px 1px rgba(0,0,0,.2), 1px 1px 1px rgba(255,255,255,.1);}
.accordion > li:hover > a span,.accordion > li:target > a span,.accordion > li > a.active span {color: #fdfdfd;text-shadow: 0px 1px 0px rgba(0,0,0,.35);background: #8f1e11;}

/* Images */
.accordion > li > a:before {position: absolute;top: 0;left: 0;content: '';width: 24px;height: 24px;margin: 8px 8px;background-repeat: no-repeat;background-image: url(../img/icons.png);background-position: 0px 0px;}
.accordion li.files > a:before {background-position: 0px 0px;}
.accordion li.files:hover > a:before,.accordion li.files:target > a:before,.accordion li.files > a.active:before {background-position: 0px -24px;}
.accordion li.mail > a:before {background-position: -24px 0px;}
.accordion li.mail:hover > a:before,.accordion li.mail:target > a:before,.accordion li.mail > a.active:before {background-position: -24px -24px;}
.accordion li.cloud > a:before {background-position: -48px 0px;}
.accordion li.cloud:hover > a:before,.accordion li.cloud:target > a:before,.accordion li.cloud > a.active:before {background-position: -48px -24px;}
.accordion li.sign > a:before {background-position: -72px 0px;}
.accordion li.sign:hover > a:before,.accordion li.sign:target > a:before,.accordion li.sign > a.active:before {background-position: -72px -24px;}

/* Sub Menu */
.sub-menu li > a{ padding-left:15px; line-height:38px; font-size:14px}
.sub-menu li a {color: #797979;text-shadow: 1px 1px 0px rgba(255,255,255,.2);background: #e5e5e5;border-bottom: 1px solid #c9c9c9;-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);}
.sub-menu li:hover a {background: #efefef;}
.sub-menu li:last-child a {border: none;}
.sub-menu li > a span {color: #797979;text-shadow: 1px 1px 0px rgba(255,255,255,.2);background: transparent;border: 1px solid #c9c9c9;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.sub-menu em {position: absolute;top: 7px;left: 5px;margin-left: 14px;color: #a6a6a6;font: normal 10px/28px Arial, sans-serif;}

.sub-menu-2 li > a{ padding-left:30px; line-height:38px; font-size:14px}
.sub-menu-2 li a {color: #797979;text-shadow: 1px 1px 0px rgba(255,255,255,.2);background: #e5e5e5;border-bottom: 1px solid #c9c9c9;-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.1), 0px 1px 0px 0px rgba(0,0,0,.1);}
.sub-menu-2 li:hover a {background: #efefef;}
.sub-menu-2 li:last-child a {border: none;}
.sub-menu-2 li > a span {color: #797979;text-shadow: 1px 1px 0px rgba(255,255,255,.2);background: transparent;border: 1px solid #c9c9c9;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.sub-menu-2 em {position: absolute;top: 0;left: 15px;margin-left: 14px;color: #a6a6a6;font: normal 10px/42px Arial, sans-serif;}

/* Functionality */
.accordion li > .sub-menu {/*display: none;*/}
.accordion li:target > .sub-menu {display: block;}

.sub-menu a.on{ color:#c00}
.sub-menu a.on2{ color:#fff; background-color: #da0c19 }
.sub-menu li:hover a.on2{ color:#fc0; background-color: #da0c19 }

/*左侧收缩菜单 end*/

/* 右侧[[ */
.side_sec{float:left; border: 1px solid #E8E8E8;padding: 0 9px;margin-top: 15px; background:#FFF;width:210px}
.side_sec .sec_hd{float:left; width:100%; padding:0 0 10px 0;margin-top: 10px; border-bottom: 1px solid #dcdcdc}
.side_sec .sec_hd h2{font-size: 16px;font-weight: bold;color: #333;}
.side_sec .sec_hd .hd_side{float: right;color: #999;margin-top: 15px;}
.side_sec .sec_hd .hd_side em{font-family: "simsun";}
.side_sec .sec_hd a:hover{color: #F25618;}
.side_list{ float:left; width:100%; border-top: 1px solid #DCDCDC}
.side_list li{float:left; width:100%; height:auto; line-height:25px; border-top: 1px dotted #E8E8E8; text-align: left; padding: 5px 0}
.side_list li a{float:left; width: 100%;}
.side_list li b{float:left; width:100%; }

.side_lista{padding-bottom: 5px}
.side_lista li{padding: 5px 0;}
.side_lista li a{color: #666;}
.side_lista li a:hover{color: #F25618;}

/*留言栏目*/
.tishi{ float:left; width:100%; height:auto; padding:10px 0;  line-height:28px; color:red}
.msgform{ margin:0 auto 20px auto; width:650px; height:auto; overflow:hidden}
.orderform{ margin:0 auto 20px auto; width:9８%; height:auto; overflow:hidden}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666; margin-top:10px; font-size:12px}
.message_block p{padding:5px 10px; line-height:20px}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#eef2f4;padding:0 10px;}
.message_title h2{color:#376b88;font-size:12px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{padding:0 10px; line-height:20px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


.jpage-pagination{ float:right; padding:10px 0}
.jpage-pagination li{ float:left; width:20px; height:20px; text-align:center; overflow:hidden; font-size:14px; line-height:18px; margin:0 2px; cursor:pointer; border:1px solid #dcdcdc; background:none; color:#555}
.jpage-pagination .active{border:1px solid #333; background:#dcdcdc; color:#333}

/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

/*新闻栏目*/
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 bottom;padding:5px 0;}
.news_list li a:hover{text-decoration:none;color:#999;}
.news_list span{float:right;color:#5868bf;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}

.news_list2{}
.news_list2 li{ float:left; width:100%; height:35px;line-height:35px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#666666;}
.news_list2 li span.title a{float:left;text-decoration:none;color:#343434;font-weight:200; font-size:14px}
.news_list2 li span.title a:hover{text-decoration:underline;color:#98491e;}
.news_list2 li span.time{float:right;font-size:12px}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:none;color:#343434;}
.news_list2 li span.class a:hover{text-decoration:underline;color:#98491e;}
.news_list2 li.liimg{width:100%;height:69px;line-height:25px;border-bottom:1px solid #eff2f4;color:#666666; position:relative}
.news_list2 li.liimg span.newsimg{ position:absolute; left:0px; top:12px; width:80px; height:50px; overflow:hidden; padding:2px; border:1px solid #dcdcdc; z-index:99}
.news_list2 li.liimg span.newsimg em{ position:relative; width:80px; height:50px; overflow:hidden; display:table; z-index:9}
.news_list2 li.liimg span.newsimg img{position:absolute; width:80px; *clip:rect(0px 80px 50px 0px); overflow:hidden; z-index:0}
.news_list2 li.liimg span.title a{ position:absolute; left:95px; top:15px}
.news_list2 li.liimg span.desc{position:absolute; left:95px; top:44px; width:500px; height:20px; line-height:20px; overflow:hidden; font-size:12px; white-space: nowrap;text-overflow: ellipsis;}
.news_list2 li.liimg span.time{position:absolute; right:0px; top:15px;font-size:12px}
.news_list2 li.liimg span.class{position:absolute; right:0px; top:40px;font-size:12px}


.news_list2 li.licon{width:100%;height:69px;line-height:25px;border-bottom:1px solid #eff2f4;color:#666666; position:relative}
.news_list2 li.licon span.title a{ position:absolute; left:0; top:15px}
.news_list2 li.licon span.desc{position:absolute; left:0; top:44px; width:650px; height:20px; line-height:20px; overflow:hidden; font-size:12px; white-space: nowrap;text-overflow: ellipsis;}
.news_list2 li.licon span.time{position:absolute; right:0px; top:15px;font-size:12px}
.news_list2 li.licon span.class{position:absolute; right:0px; top:40px;font-size:12px}

/*产品栏目*/
.product_list{ }
.product_list li{width:33.3%;float:left; padding:0; margin:0; margin-bottom:15px}
.product_list li p.info{ float:left;width:100%; height:30px;line-height:30px; text-align:center; clear:both; overflow:hidden; padding-top:10px}
.product_list li p.info span{color:#d94f44;float:right;}
.product_list li p.info a{color:#555;}
/*.product_list li a.img{ float:left; margin-left:20px;width:205px;height:205px;border:1px solid #ccc;overflow:hidden; padding:0px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:171px;*font-family:Arial;}
.product_list li a.img img{vertical-align:middle;}*/
/*For Firefox Chrome*/
.imgbox{ margin:0 auto; width:260px;height:260px;overflow:hidden;text-align:center; border:1px solid #f3f3f3;overflow:hidden;background:#fff;}
.imgbox a{display:table-cell;vertical-align:middle;width:260px;height:260px;}
.imgbox a img{margin:0 auto;max-width:260px;max-height:260px;vertical-align:middle;}
/*For IE7*/
*+html .imgbox a{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html .imgbox a img{position:relative;top:-50%;left:-50%;}
/*For IE6*/
*html .imgbox a{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html .imgbox a img{position:relative;top:-50%;left:-50%;width:expression(this.width>260?"260px":"auto");height:expression(this.height>260?"260px":"auto");}
.imgbox:hover{border:1px solid #F90;}

.danye_list{float:left; width:100%; height:auto; overflow: hidden;}
.danye_list li{float:left; width:45%; height:260px; margin:15px 2.5%; overflow: hidden; background-color:#f4f4f4; padding-bottom: 10px}
.danye_list li img{width:100%; height:auto;}
.danye_list li h3{width:96%; height:auto; padding: 0 2%; line-height: 25px; font-size: 1em; font-weight: 400}
.danye_list li h4{width:96%; height:auto; padding: 0 2%; line-height: 25px; font-size: 1em; font-weight: 400; color:red;}


.procontop{ float:left; width:100%; height:auto; overflow:hidden; clear:both; margin-bottom:20px}
.proconleft{ float:left; width:500px; height:auto}
.proconleft .cloud-zoom{display:block;width:500px;height:500px;margin-bottom:10px; z-index:0}
.proconleft .cloud-zoom img{width:500px;height:500px;border:1px solid #ccc; z-index:0}
.proconleft .zoomlist{float:left; width:500px; height:62px; overflow:hidden; border:0; background:none}
.proconleft .zoomlist li{float:left;margin-right:3px;border:1px solid #ccc;width:60px;height:60px;}
.proconleft .zoomlist li img{width:60px;height:60px;}
.proconleft .cloud-zoom-lens{background:#fff;cursor:move;}
.proconleft .cloud-zoom-title{position:absolute !important;background:#000;color:#fff;padding:3px;width:100%;text-align:center; font-weight:bold; font-size:10px;top:0px;}
.proconleft .cloud-zoom-big{overflow:hidden;}
.proconleft .cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}
.proconright{ float:right; width:420px; height:auto; overflow:hidden}
.proconright h1.title{ float:left; text-align:left}
.proconright ul{ float:left; width:100%}
.proconright ul li{ float:left; width:100%; line-height:30px; font-size:14px; font-weight:200}
.proconright ul li span{ float:left; width:100px; height:30px; line-height:30px; overflow:hidden; text-align:left}
.proconright ul li.jdurl{ float:left; width:130px; height:38px; overflow:hidden; text-indent:-999px; background:url(../images/buybtn.png) no-repeat 0 0; cursor:pointer}
.diyfieldtb td{ padding:2px 0}

/*详细页功能区*/
.preNext{position:relative}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:10px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text li{ float:left; clear:both}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:20px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:100%;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .info .bdsharebuttonbox{ float:right; margin-top:0px; padding:0}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:0 auto;text-align:center; width:440px; height:440px}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}

.listConts .showimg img{max-width:440px;width:expression(this.width>440&&this.width>this.height?440:auto); vertical-align:middle;}
*html .listConts .showimg img{width:expression(this.width>440&&this.width>this.height?440:auto);}

.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:950px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*footer*/
.footer{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; background-color: #dfdfdf; color:#333; margin-top:10px}
.footerlink{width:1220px; height:auto; overflow:hidden; margin:0 auto;}
.footerlink ul{ float: left; width:380px; height: auto; overflow: hidden; margin:0 10px; padding: 15px 0}
.footerlink h3{ float:left; width:100%; height:auto; overflow:hidden; text-align:left; font-size:1.1em; line-height:40px; color:#333; border-bottom: 1px solid #ccc; margin-bottom:10px;}
.footerlink a{ float:left; width:50%; height:auto; overflow:hidden; text-align:left; font-size:0.8em; line-height:28px; color:#333;}
.footerlink a:hover{color:#f30;}
.footercopyright{width: 100%; height: auto; background:#dfdfdf; text-align:center;color:#333; line-height: 28px; padding:10px 0; border-top: 1px solid #f3f3f3}

.footqrcode{ position:fixed; width:120px; height:150px; overflow:hidden; background:#fff; right:2px; bottom:70px; line-height:30px; text-align: center; border: 1px solid #ccc}
.footqrcode img{ float:left; width:100px; height:100px; overflow:hidden; margin:10px;}

.leftbanner{ float: left; width:230px; height: auto;}
.leftbanner p{ float: left; width:100%; height: auto; margin-top: 10px}

/*幻灯Banner*/
.slideplay{ float:left; width:500px;height:360px;position:relative;overflow:hidden;}
.slideplay ul{position:absolute;}
.slideplay ul li{height:360px;position:relative;float:left;background:#FFF;overflow:hidden; z-index:0}
.slideplay ul li div{position:absolute; z-index:5}
.slideplay ul li img{width:500px;height:360px; border:0}
.slideplay .btnBg{width:500px;height:35px;position:absolute;left:0;bottom:0;background:#000; z-index:10}
.slideplay .btn{height:10px;padding:5px 5px;position:absolute;right:5px;bottom:15px;text-align:right; z-index:99}
.slideplay .btn span{width:10px;height:10px;margin-left:5px;background:#fff;display:inline-block;cursor:pointer;_display:inline;_zoom:1;_font-size:0;}
.slideplay .btn span.on{background:#fff;}
.slideplay .preNext{width:45px;height:100px;position:absolute;top:120px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.slideplay .pre{left:0;}
.slideplay .next{right:0;background-position:right top;}
.slideplay h3.tit{font-size:14px; font-weight:400;height:35px; line-height:35px;position:absolute;left:5px;bottom:0px;text-align:left; color:white; z-index:90;}



.rightnewslist{ float:right;width:675px; height:auto; overflow:hidden;}
.rightnewslist li{ float:left; width:100%; height:auto; line-height:28px;background:url(../images/diao.gif) no-repeat 5px center;text-indent:18px; padding:5px 0; border-bottom:1px dotted #dcdcdc}
.rightnewslist li.top{ float:left; width:100%;line-height:30px; text-indent:0px; text-align:center; padding-bottom:5px; background:none}
.rightnewslist li b{ float:left; width:100%;line-height:28px; color:#C00; text-indent:0; text-align:center; padding:5px 0; font-size:1.2em}
.rightnewslist li .desc{ float:left; width:100%; height:44px;line-height:22px; color:#555; text-indent:24px; text-align:left; padding:5px 0; font-size:0.9em}
.rightnewslist li a:hover{text-decoration:none;color:#C00;}
.rightnewslist li span.time{float:right;color:#555; font-size:0.8em}

.indexTbanner{width:100%}
.indexTbanner p{padding:10px 5px; margin:0 5px; margin-top:10px; text-align: center}

.weblinkcon{ padding:0}
.weblinkcon a{ margin:5px 5px;color:#6a6a6a;}
.weblinkcon img{ width:186px; height:60px; border:0}
.weblinkcon a:hover{color:#F60;}


/*招聘详细*/
.jobConts{line-height:35px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}
.red{color:#f00;}

.ppNei{ background-position: center center; background-repeat: no-repeat; background-color: #fff; margin: 2px auto }